<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div id="svg" style="display: none;">
        <svg viewBox="0 0 54 54">
            <path class="path-loop-bg" d="M27,5 A22,22 0 1,1 5,27 A22,22 0 0,1 27,5"></path>
            <path class="path-loop" d="M27,5 A22,22 0 1,1 5,27 A22,22 0 0,1 27,5" stroke-dasharray="157"></path>
        </svg>
    </div>
    <div class="home">

        <div class="header">
            <div class="dom1">
                <a href="">
                    中国科学院宁波材料所
                </a>
                <span></span>
                <a href="">
                    邮箱登录
                </a>
                <span></span>
                <a href="">
                    联系方式
                </a>
                <div class="search" id="doSearch">
                    <img src="./images/search.png" alt="">
                </div>
            </div>
            <div class="dom2">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.png" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./index.html" class="a1" data-title="首页">首页</a>
                    </div>
                    <div class="item">
                        <a href="./intro.html" class="a1" data-title="中心介绍">中心介绍</a>
                        <div class="aList animated fadeIn">
                            <a href="./intro.html">
                                中心简介
                            </a>
                            <a href="./zzjg.html">
                                组织框架
                            </a>
                            <a href="">
                                联系方式
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./kybj.html" class="a1" data-title="科研领域">科研领域</a>
                        
                    </div>
                    <div class="item">
                        <a href="./kypt.html" class="a1" data-title="科研平台">科研平台</a>
                    </div>
                    <div class="item">
                        <a href="./tInfo.html" class="a1" data-title="队伍支撑">队伍支撑</a>
                        <div class="aList animated fadeIn">
                            <a href="./tInfo.html">
                                院士
                            </a>
                            <a href="./team.html">
                                正高级
                            </a>
                            <a href="./team.html">
                                副高级
                            </a>
                            <a href="./team.html">
                                中初级
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./research.html" class="a1" data-title="研究成果">研究成果</a>
                        <div class="aList animated fadeIn">
                            <a href="./research.html">
                                成果概况
                            </a>
                            <a href="./research.html">
                                发表论文
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./news.html" class="a1" data-title="综合动态">综合动态</a>
                        <div class="aList animated fadeIn">
                            <a href="./news.html">
                                综合新闻
                            </a>
                            <a href="./news.html">
                                科研进展
                            </a>
                            <a href="./news.html">
                                党群文化
                            </a>
                            <a href="./news.html">
                                招聘信息
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>中心介绍</a>
                </div>
                <div class="types_top">
                    <a href="./intro.html">中心简介</a>
                    <a href="./zzjg.html">组织框架</a>
                    <a href="">联系方式</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./kybj.html">科研领域</a>
                </div>
               
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./kypt.html">科研平台</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>队伍支撑</a>
                </div>
                <div class="types_top">
                    <a href="./tInfo.html">
                        院士
                    </a>
                    <a href="./team.html">
                        正高级
                    </a>
                    <a href="./team.html">
                        副高级
                    </a>
                    <a href="./team.html">
                        中初级
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                   <a>研究成果</a>
                </div>
                <div class="types_top">
                    <a href="./research.html">成果概况</a>
                    <a href="./research.html">发表论文</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>综合动态</a>
                </div>
                <div class="types_top">
                    <a href="./news.html">
                        综合新闻
                    </a><a href="./news.html">
                        科研进展
                    </a>
                    <a href="./news.html">
                        党群文化
                    </a>
                    <a href="./news.html">
                        招聘信息
                    </a>
                </div>
            </div>
        </div>

        <div class="search_dom">
            <div class="box">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                        <circle cx="13.5" cy="13.5" r="12.5" stroke="#151515" stroke-width="2" />
                        <line x1="22.7071" y1="23.2929" x2="28.7071" y2="29.2929" stroke="#151515" stroke-width="2" />
                    </svg>
                </div>
                <div class="sr">
                    <input type="text" placeholder="搜索您想要的内容" id="search">
                    <a href="./search.html">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
                            <path d="M4.57129 15.497L11.4284 8.63986L4.57129 1.78271" stroke="#595959"
                                stroke-width="2.28571" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a>
                </div>
                <div class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                        <path d="M24 8L8 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M8 8L24 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </div>
            </div>
        </div>

        <div class="swiper banner">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="img">
                        <img src="images/index/i1.jpg" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="img">
                        <img src="images/index/i1.jpg" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="img">
                        <img src="images/index/i1.jpg" alt="">
                    </div>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

        </div>

        <div class="section1">
            <div class="wrap">
                <div class="title">
                    <img src="images/index/icon1.svg" alt="">
                    <h1>中心介绍</h1>
                </div>
                <div class="l">
                    <img src="images/index/i2.png" alt="">
                </div>
                <div class="r">
                    <div class="text">
                        <p>激光极端制造研究中心成立于<span>2022年6月</span>，是中国科学院宁波材料技术与工程研究所内设的一个科研中心，以中国科学院“四个面向”、“四个率先”办院方针为指导，秉承“料要成材材要成器、器要好用”建所理念，以面向前沿的工艺技术突破和关键技术攻关等一系列国家重大需求为使命，在激光精密加工工艺、技术与装备方面承担了一系列竞争性重大项目，其中国家级项目占60%以上。
                        </p>
                    </div>
                    <div class="numList">
                        <div class="item">
                            <div class="num">
                                <p class="count-item" data-to="150">150</p>
                                <span>余人</span>
                            </div>
                            <div class="line"></div>
                            <h5>研究人员</h5>
                        </div>
                        <div class="item">
                            <div class="num">
                                <p class="count-item" data-to="70">70</p>
                                <span>余人</span>
                            </div>
                            <div class="line"></div>
                            <h5>员工</h5>
                        </div>
                        <div class="item">
                            <div class="num">
                                <p class="count-item" data-to="80">80</p>
                                <span>余人</span>
                            </div>
                            <div class="line"></div>
                            <h5>学生</h5>
                        </div>
                        <div class="item">
                            <div class="num">
                                <p class="count-item" data-to="1">1</p>
                                <span>名</span>
                            </div>
                            <div class="line"></div>
                            <h5>院士</h5>
                        </div>
                        <div class="item">
                            <div class="num">
                                <p class="count-item" data-to="7">7</p>
                                <span>名</span>
                            </div>
                            <div class="line"></div>
                            <h5>正高级</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section2">
            <div class="bg">
                <img src="images/index/zi.png" alt="">
            </div>
            <div class="wrap">
                <div class="l">
                    <div class="swiper sec2_swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="">
                                    <div class="img">
                                        <img src="images/index/i4.jpg" alt="">
                                    </div>
                                    <div class="time">
                                        <p>2023</p>
                                        <div class="line"></div>
                                        <p>08-18</p>
                                    </div>
                                    <h5>宁波材料所激光极端制造研究中心正式揭牌</h5>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <div class="img">
                                        <img src="images/index/i4.jpg" alt="">
                                    </div>
                                    <div class="time">
                                        <p>2023</p>
                                        <div class="line"></div>
                                        <p>08-18</p>
                                    </div>
                                    <h5>宁波材料所激光极端制造研究中心正式揭牌</h5>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <div class="img">
                                        <img src="images/index/i4.jpg" alt="">
                                    </div>
                                    <div class="time">
                                        <p>2023</p>
                                        <div class="line"></div>
                                        <p>08-18</p>
                                    </div>
                                    <h5>宁波材料所激光极端制造研究中心正式揭牌</h5>
                                </a>
                            </div>
                        </div>
                        <div class="btns">
                            <div class="icon">
                                <img src="images/index/jt_icon.svg" alt="">
                            </div>
                            <div class="icon">
                                <img src="images/index/jt_icon.svg" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="custom-scroll-bar">
                        <div class="scroll-thumb"></div>
                    </div>
                </div>
                <div class="r">
                    <div class="part_title">
                        <div class="part_l">
                            <img src="images/index/icon2.svg" alt="">
                            <h1>综合新闻</h1>
                        </div>
                        <a href="">查看更多></a>
                    </div>
                    <div class="r_content">

                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所与云铸三维共建激光精益增材制造联合实验室</h5>
                            </div>
                            <p>2023-02-11</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所科研人员参加第19届全国特种加工学术会议</h5>
                            </div>
                            <p>2023-04-03</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所激光极端制造研究中心正式揭牌</h5>
                            </div>
                            <p>2023-08-18</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所举办第一届激光极端制造国际学术会议暨第八届国际光子与激光... </h5>
                            </div>
                            <p>2024-06-02</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所科研人员参加第十五届全国激光加工学术会议</h5>
                            </div>
                            <p>2023-05-22</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>第四届中国多能场复合智能制造大会在宁波举行</h5>
                            </div>
                            <p>2023-07-05</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所与云铸三维共建激光精益增材制造联合实验室</h5>
                            </div>
                            <p>2023-02-11</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所举办第一届激光极端制造国际学术会议暨第八届国际光子与激光... </h5>
                            </div>
                            <p>2024-06-02</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所科研人员参加第十五届全国激光加工学术会议</h5>
                            </div>
                            <p>2023-04-03</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>第四届中国多能场复合智能制造大会在宁波举行</h5>
                            </div>
                            <p>2023-07-05</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="wrap">
                <div class="l">
                    <div class="part_title">
                        <div class="part_l">
                            <div class="part_item on">
                                <svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 17.34 19">
                                    <defs>
                                        <style>
                                            .cls-1 {
                                                fill: #565656;
                                            }
                                        </style>
                                    </defs>
                                    <path class="cls-1"
                                        d="M11.39,6.83h-2.34c-.27,0-.49,.24-.49,.53,0,.15,.06,.29,.16,.39,.09,.09,.21,.14,.33,.14h2.34c.27,0,.49-.24,.49-.53,0-.29-.22-.53-.49-.53Z" />
                                    <path class="cls-1"
                                        d="M3.6,8.74c.27,0,.49-.24,.49-.53v-2.75l2.24,3.07c.09,.13,.23,.2,.38,.2,.06,0,.11,0,.17-.03,.19-.07,.33-.27,.33-.5V3.94c0-.14-.05-.27-.14-.37-.09-.1-.22-.16-.35-.16-.27,0-.49,.24-.49,.53v2.75L3.99,3.62c-.09-.13-.23-.2-.39-.2-.11,0-.22,.04-.31,.12-.11,.1-.18,.25-.18,.41v4.27c0,.29,.22,.53,.49,.53Z" />
                                    <path class="cls-1"
                                        d="M9.06,4.47h2.34c.27,0,.49-.24,.49-.53s-.22-.53-.49-.53h-2.34c-.27,0-.49,.24-.49,.53s.22,.53,.49,.53Z" />
                                    <path class="cls-1"
                                        d="M3.6,15.58h7.79c.27,0,.49-.24,.49-.53s-.22-.53-.49-.53H3.6c-.27,0-.49,.24-.49,.53s.22,.53,.49,.53Z" />
                                    <path class="cls-1"
                                        d="M16.26,3.42h-1.26V1.17c0-.64-.48-1.17-1.07-1.17H1.07C.48,0,0,.52,0,1.17V17.83c0,.64,.48,1.17,1.07,1.17H15.68c.91,0,1.66-.81,1.66-1.81V4.58c0-.64-.48-1.17-1.07-1.17ZM.98,1.17c0-.06,.04-.11,.09-.11H13.93c.05,0,.09,.05,.09,.11V17.19c0,.26,.05,.52,.15,.75H1.07c-.05,0-.09-.05-.09-.11V1.17Zm14.02,3.3h1.26c.05,0,.09,.05,.09,.11v12.6c0,.42-.3,.75-.68,.75-.37,0-.68-.34-.68-.75V4.47Z" />
                                    <path class="cls-1"
                                        d="M3.6,12.16h7.79c.27,0,.49-.24,.49-.53s-.22-.53-.49-.53H3.6c-.27,0-.49,.24-.49,.53s.22,.53,.49,.53Z" />
                                </svg>
                                <h1>科研进展</h1>
                            </div>
                            <div class="line"></div>
                            <div class="part_item">
                                <svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 18.39 18.28">
                                    <defs>
                                        <style>
                                            .cls-1 {
                                                fill: #565656;
                                            }
                                        </style>
                                    </defs>
                                    <path class="cls-1"
                                        d="M17.94,6.94c-.24-1.14-.73-2.2-1.43-3.18l-.37-.49C14.73,1.56,12.73,.5,10.52,.13c-.53-.08-1.1-.16-1.67-.12,9.83,4.81,5.42,11.66,5.42,11.66l-5.71-5.83,2.16-2.36-1.51-1.39-1.18,1.06-2.2-.04L1.35,7.68l2.73,2.49,1.67-1.63,5.83,5.67c-4.89,3.14-9.42-2.2-9.42-2.2l-1.75,1.55,1.34,1.59-.24,.33c-.61-.08-.9,.2-.9,.2-1.55,1.51,.33,2.33,.33,2.33,1.79,.41,1.71-1.47,1.71-1.47l.33-.45c6.81,3.67,10.81,.37,10.81,.37l1.96,1.83,2.65-2.65c-.24-.29-.53-.57-.77-.86-.2-.2-.37-.41-.57-.61s-.45-.33-.24-.61c1.22-1.97,1.63-4.34,1.14-6.61h0Z" />
                                </svg>
                                <h1>党群文化</h1>
                            </div>
                        </div>
                        <a href="">查看更多></a>
                    </div>
                    <div class="boxes">
                        <div class="box1 on animated fadeInUp">
                            <div class="big">
                                <a href="">
                                    <div class="img">
                                        <img src="images/index/i5.jpg" alt="">
                                    </div>
                                    <h5>宁波材料所激光极端制造研究中心荣获2023“中国激光... </h5>
                                    <p>2023-07-07</p>
                                </a>
                            </div>
                            <div class="small_box">
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>宁波材料所激光极端制造研究中心荣获第二届...</h5>
                                    </div>
                                    <p>2023-08-26</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>宁波材料所与丞达精机共建半导体基体材料先... </h5>
                                    </div>
                                    <p>2023-12-15</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>华为杭州研究所所长陈锟一行来访宁波材料所</h5>
                                    </div>
                                    <p>2023-06-03</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>侯建国调研宁波材料所</h5>
                                    </div>
                                    <p>2023-11-09</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>镇海区委书记林斌一行调研宁波材料所</h5>
                                    </div>
                                    <p>2023-09-16</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>沈阳化工大学副校长孙亚光一行来访宁波材料所</h5>
                                    </div>
                                    <p>2023-09-07</p>
                                </a>
                            </div>
                        </div>
                        <div class="box1 animated fadeInUp">
                            <div class="big">
                                <a href="">
                                    <div class="img">
                                        <img src="images/index/i5.jpg" alt="">
                                    </div>
                                    <h5>宁波材料所激光极端制造研究中心荣获2023“中国激光... </h5>
                                    <p>2023-07-07</p>
                                </a>
                            </div>
                            <div class="small_box">
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>宁波材料所激光极端制造研究中心荣获第二届...</h5>
                                    </div>
                                    <p>2023-08-26</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>宁波材料所与丞达精机共建半导体基体材料先... </h5>
                                    </div>
                                    <p>2023-12-15</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>华为杭州研究所所长陈锟一行来访宁波材料所</h5>
                                    </div>
                                    <p>2023-06-03</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>侯建国调研宁波材料所</h5>
                                    </div>
                                    <p>2023-11-09</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>镇海区委书记林斌一行调研宁波材料所</h5>
                                    </div>
                                    <p>2023-09-16</p>
                                </a>
                                <a href="" class="common_link">
                                    <div class="common_link_title">
                                        <div class="sq">
                                            <div class="sq_box"></div>
                                            <div class="sq_box"></div>
                                        </div>
                                        <h5>沈阳化工大学副校长孙亚光一行来访宁波材料所</h5>
                                    </div>
                                    <p>2023-09-07</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="part_title">
                        <div class="part_l">
                            <img src="images/index/icon3.svg" alt="">
                            <h1>招聘信息</h1>
                        </div>
                        <a href="">查看更多></a>
                    </div>
                    <div class="r_content">
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所激光极端制造研究中心荣获第二届...</h5>
                            </div>
                            <p>2023-08-26</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>宁波材料所与丞达精机共建半导体基体材料先... </h5>
                            </div>
                            <p>2023-12-15</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>华为杭州研究所所长陈锟一行来访宁波材料所</h5>
                            </div>
                            <p>2023-06-03</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>侯建国调研宁波材料所</h5>
                            </div>
                            <p>2023-11-09</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>镇海区委书记林斌一行调研宁波材料所</h5>
                            </div>
                            <p>2023-09-16</p>
                        </a>
                        <a href="" class="common_link">
                            <div class="common_link_title">
                                <div class="sq">
                                    <div class="sq_box"></div>
                                    <div class="sq_box"></div>
                                </div>
                                <h5>沈阳化工大学副校长孙亚光一行来访宁波材料所</h5>
                            </div>
                            <p>2023-09-07</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section4">
            <div class="wrap">
                <div class="part_title">
                    <div class="part_l">
                        <img src="images/index/icon-3.svg" alt="">
                        <h1>仪器设备</h1>
                    </div>
                    <a href="">查看更多></a>
                </div>
                <div class="box">
                    <div class="btns">
                        <div class="icon">
                            <img src="images/index/jt_icon.svg" alt="">
                        </div>
                        <div class="icon">
                            <img src="images/index/jt_icon.svg" alt="">
                        </div>
                    </div>
                    <div class="swiper_box">
                        <div class="swiper sec4_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="img">
                                            <img src="images/index/i6.jpg" alt="">
                                        </div>
                                        <p>纳米材料激光制造实验装备</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="img">
                                            <img src="images/index/i7.jpg" alt="">
                                        </div>
                                        <p>激光纵波纳米加工实验平台</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="img">
                                            <img src="images/index/i8.jpg" alt="">
                                        </div>
                                        <p>跨尺度激光并行加工实验平台</p>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="img">
                                            <img src="images/index/i9.jpg" alt="">
                                        </div>
                                        <p>随动型激光冲击强化装备</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="dom1">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="links">
                    <div class="item">
                        <div class="d1">
                            <p>网站链接</p>
                            <img src="./images/down.png" alt="">
                        </div>
                        <div class="d2">
                            <a href="">链接11</a>
                            <a href="">链接11</a>
                            <a href="">链接11</a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="d1">
                            <p>网站链接</p>
                            <img src="./images/down.png" alt="">
                        </div>
                        <div class="d2">
                            <a href="">链接11</a>
                            <a href="">链接11</a>
                            <a href="">链接11</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <p>中国科学院宁波材料技术与工程研究所激光极端制造研究中心 </p>
                <p>地址：浙江省宁波市镇海区庄市大道319号</p>
                <p>邮编：315201</p>
            </div>
        </div>

    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        $('.count-item').each(function (t, e) {
            let o = $(e),
                _from = o.data('from'),
                _to = o.data('to');
            new CountUp(o, _from, _to, 1, 2).start();
        })


        let banner = new Swiper('.banner', {
            speed: 1000,
            effect: 'fade',
            loop: true, // 循环模式选项
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            on: {
                paginationRender: function () {
                    let svg = $('#svg').html()
                    $('.banner .swiper-pagination span').append(svg)
                }
            }

        })
        let sec2_swiper = new Swiper('.sec2_swiper', {
            speed: 1000,
            spaceBetween: 50,
            loop: false, // 循环模式选项
            navigation: {
                nextEl: '.sec2_swiper .btns .icon:nth-child(2)',
                prevEl: '.sec2_swiper .btns .icon:nth-child(1)',
            },
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            on: {
                slideChangeTransitionStart: function () {
                    let index=this.realIndex + 1
                    let percent=100  / $('.sec2_swiper .swiper-slide').length
                    $('.custom-scroll-bar  .scroll-thumb').css({'height':(index * percent)+'%'})
                },
            },
        })
        let sec4_swiper = new Swiper('.sec4_swiper', {
            speed: 1000,
            slidesPerView: 1,
            spaceBetween: 20,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            loop: true, // 循环模式选项
            navigation: {
                nextEl: '.section4 .btns .icon:nth-child(2)',
                prevEl: '.section4 .btns .icon:nth-child(1)',
            },
            breakpoints: {
                1024: {
                    slidesPerView: 'auto',
                    spaceBetween: 20,
                }
            },
        })
        $('.home .section3 .wrap .l .part_title .part_l .part_item').mouseenter(function () {
            $(this).addClass('on').siblings().removeClass('on')
            let index = 0
            if ($(this).index() == 2) {
                index = 1
            } else {
                index = 0
            }
            $('.section3 .boxes .box1').eq(index).addClass('on').siblings().removeClass('on')
        })
    </script>
</body>

</html>